import './assets/main.scss'

import { createApp } from 'vue'//导入vue
import ElementPlus from 'element-plus'//导入element-plus
import 'element-plus/dist/index.css'// 导入element-plus的样式
import App from './App.vue' //导入App.vue组件
import locale from 'element-plus/dist/locale/zh-cn' // 导入中文语言包
import router from '@/router'
import { createPinia } from 'pinia'
import { createPersistedState } from 'pinia-persistedstate-plugin'


const app = createApp(App) // 创建vue实例
const pinia = createPinia() //创建状态管理库
const persistedState = createPersistedState()
//应该按照Vue 3的标准方式分别注册路由和UI组件库，提高代码可读性和维护性。

app.use(router)// 使用路由
pinia.use(persistedState)
app.use(pinia)// 使用状态管理库
app.use(ElementPlus, { locale })// 使用element-plus插件
app.mount('#app')// 挂载vue实例